<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="style/reset.css">
    <link rel="stylesheet/less" href="style/app.less">
    <link rel="stylesheet/less" href="style/login.less">
    <script src="node_modules/jquery/dist/jquery.js">
    </script><script src="node_modules/less/dist/less.min.js"></script>
  </head>
  <body>
    <header>
      <div class="top_nav">
        <div class="container">
            <ul class="left_nav">
                <li><a href="">你好欢迎来到菜市场！</a></li>
                <li class="login" data-type="login">
                    <a href="" data-type="login">
                        请登录
                    </a>
                </li>
                <li class="register">
                    <a href="" data-type="register" >
                        免费注册
                    </a>
                </li>
            </ul>
            <ul class="right_nav">
                <li><a href="">购物车</a></li>
                <li><a href="">服务热线：</a><span>400-800-1234</span></li>
            </ul>
        </div>
      </div>
      <div class="top_search_container"></div>
      <nav class="top_sub_nav_container"></nav>
      <nav class="top_banner_container"></nav>
    </header>
    <div class="main"></div>
    <footer></footer>
    <script src="js/login.js"></script>
    <script src="js/app.js"></script>
  </body>
</html>
